@charset "utf-8";
/* CSS Document */
#one {
  background: url(i_bg4.jpg) fixed top no-repeat;
  background-size: 100%;
  padding-top: 35px;
  padding-bottom: 35px
}
.floatBox {
  position: fixed;
  right: 16px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 99999
}
.close {
  width: 18px;
  height: 18px;
  background: url(close.png) no-repeat;
  cursor: pointer
}
.floatBox .float {
  position: relative;
  margin-bottom: 38px;
  width: 80px;
}
.floatBox .float a img {
  width: 100%
}
.floatBox .float .close {
  position: absolute;
  top: -25px;
  right: 0
}
/* 线性按钮 */
.z_menu_btn {
  cursor: pointer;
  width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  background: #0f66b5
}
.z_menu_btn span {
  display: block;
  transition: ease .6s;
  width: 30px;
  height: 3px;
  background: #fff;
}
.z_menu_btn .line2 {
  margin: 6px 0;
}
.z_menu_btn.on .line1 {
  transform: translateY(9px) rotate(45deg);
}
.z_menu_btn.on .line3 {
  transform: translateY(-9px) rotate(-45deg);
}
.z_menu_btn.on .line2 {
  opacity: 0;
}
/* 线性按钮 */
.z_header {
  width: 1200px;
  position: absolute;
	right: 94px;
  left: auto;
  top: 100px;
  transition: ease .6s;
  z-index: 5;
}
.z_header.on {
  padding: 10px 2.6vw;
  transform: translateY(-36px);
}
.z_header .nav {
  width: 1080px;
  height: 46px;
  background: rgba(255, 255, 255, .8);
  border-radius: 3px;
  display: flex;
  justify-content: space-between;

}
.z_header .nav li {
  flex: 1;
  text-align: center
}
.z_header .nav li a {
  font-weight: bold;
  height: 46px;
  font-size: 16px;
  color: #2A2A2A;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.z_header .nav li a label {
  font-weight: normal;
  
  color: #505050;
  text-transform: uppercase
}
.z_banner {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  z-index: 4;
}
.z_banner_tit {
  width: 50%;
  right: 10%;
  position: absolute;
  bottom: 250px;
  z-index: 9;
  text-align: right
}
.z_banner_tit img {
  width: 100%
}
/*右侧*/
.z_banner_right {
  width: 33.3%;
  transition: ease 1s;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 5;
  /* background: url("Comp 101.mp4") no-repeat;*/
  background-size: cover
}
.z_banner_right .bg_video {
  position: absolute;
  right: 0px;
  bottom: 0px;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
  /*加滤镜*/
  /*filter: blur(15px); //背景模糊设置 */
  /*-webkit-filter: grayscale(100%);*/
  /*filter:grayscale(100%); //背景灰度设置*/
  z-index: 0
}
.bg_video source {
  min-width: 100%;
  min-height: 100%;
  height: auto;
  width: auto;
}
.z_banner_right.on {
  transform: translateX(-100%);
}
.z_menu_tit {
  margin-top: 100px;
  position: absolute;
  z-index: 9;
  left: 11.7%
}
.z_menu_tit img {
  width: 349px;
}
.right_box {
  position: relative
}
.z_banner_desc {
position: absolute;
left: 35%;
top: 40vh;
width: 360px;
}
/*按钮*/
.z_banner_close {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  background: #0E66B4;
  color: #fff;
  position: absolute;
  left: 29.3%;
  bottom: 200px;
  z-index: 8;
  z-index: 4;
  transform: translate(40px, 40px);
  cursor: pointer;
  transition: ease 1.5s;
  cursor: pointer;
}
.z_banner_close .iconfont {
  float: right;
  margin-right: 17px;
  animation: zscale 1s infinite;
  margin-top: 23px;
}
.z_banner_close.on {
  left: -75px;
  bottom: 17px;
}
@keyframes zscale {
  0% {
    transform: scale(.6, .6);
  }
  100% {
    transform: scale(1, 1);
  }
}
.z_sb_ts {
  display: block;
  position: absolute;
  left: 2.6vw;
  bottom: 2.08vw;
  z-index: 6;
}
.animate-bounce-down {
  -webkit-animation: bounce-down 1s linear infinite;
  animation: bounce-down 1s linear infinite;
}
@keyframes bounce-down {
  25% {
    transform: translateY(-3px);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(3px);
  }
  100% {
    transform: translateY(0);
  }
}
/*要闻*/
.z_banner_bottom {
  position: absolute;
  right: 0;
  height: 184;
  width: 100%;
  bottom: 0;
  z-index: 5;
  transition: ease 1s;
}
.z_banner_bottom.on {
  transform: translateY(100%);
}
.z_banner_news {
  width: 91.7%;
  background: #fff;
  height: 184px;
  overflow: hidden;
  float: right;
  padding-left: 3vw;
  box-sizing: border-box;
}
.z_banner_news li {
  width: 30%;
  float: left;
  padding-bottom: 30px;
  position: relative;
}
.z_banner_news li::before {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #0E66B4;
  position: absolute;
  left: 1px;
  bottom: 13px;
  z-index: 1;
  transition: ease 1s;
}
.z_banner_news li:hover::before {
  width: 100%;
}
.z_banner_news li:hover h3 {
  color: #0f66b3;
}
.z_banner_news .z_tit {
  padding: 18px 0;
  font-weight: bold;
  color: #3C3C3C;
  line-height: 24px;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}
.z_banner_news .z_tit a {}
.z_banner_news .z_tit label {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: normal
}
.z_banner_news li a {
  display: flex;
  border-left: 1px solid #DBDBDB;
  box-sizing: border-box;
  padding: 0 1.5625vw;
}
.z_banner_news li .time {
  text-align: center;
  font-family: 'Century Gothic';
  float: left;
  flex-shrink: 0;
  margin-right: 18px;
}
.z_banner_news li .time em {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  color: rgba(51, 51, 51, 1);
  display: block;
  margin-bottom: 10px
}
.z_banner_news li h3 {
  color: #959595;
  margin-bottom: 7px;
}
.z_banner_news li h4 {
  font-size: 16px;
  font-weight: bold;
  color: #303030;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.z_banner_news li .infobox {
  width: 75%;
}
/*轮播*/
.slideshow {
  width: 100vw;
  overflow: hidden;
}
.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  -webkit-animation-name: kenburns;
  animation-name: kenburns;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 16s;
  animation-duration: 16s;
  opacity: 1;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.slideshow-image:nth-child(1) {
  -webkit-animation-name: kenburns-1;
  animation-name: kenburns-1;
  z-index: 3;
}
.slideshow-image:nth-child(2) {
  -webkit-animation-name: kenburns-2;
  animation-name: kenburns-2;
  z-index: 2;
}
.slideshow-image:nth-child(3) {
  -webkit-animation-name: kenburns-3;
  animation-name: kenburns-3;
  z-index: 1;
}
.slideshow-image:nth-child(4) {
  -webkit-animation-name: kenburns-4;
  animation-name: kenburns-4;
  z-index: 0;
}
@-webkit-keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.21176);
    transform: scale(1.21176);
  }
  100% {
    opacity: 1;
  }
}
@keyframes kenburns-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  1.5625% {
    opacity: 1;
  }
  23.4375% {
    opacity: 1;
  }
  26.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  98.4375% {
    opacity: 0;
    -webkit-transform: scale(1.21176);
    transform: scale(1.21176);
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  26.5625% {
    opacity: 1;
  }
  48.4375% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes kenburns-2 {
  23.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  26.5625% {
    opacity: 1;
  }
  48.4375% {
    opacity: 1;
  }
  51.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  51.5625% {
    opacity: 1;
  }
  73.4375% {
    opacity: 1;
  }
  76.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes kenburns-3 {
  48.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  51.5625% {
    opacity: 1;
  }
  73.4375% {
    opacity: 1;
  }
  76.5625% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes kenburns-4 {
  73.4375% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  76.5625% {
    opacity: 1;
  }
  98.4375% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* 轮播图 新闻 */
.index_banner_h {
  display: block;
  width: 100%;
  height: 460px;
  background: url(defaultimg_mhk_2021.jpg) no-repeat;
  background-size: cover;
}
.new_slider {
  width: 858px;
  height: 460px;
  overflow: hidden;
  position: relative
}
.unslider {
  margin: 0;
  padding: 0;
  position: relative;
}
.unslider-wrap {
  position: relative
}
.unslider-wrap.unslider-carousel > li {
  float: left;
  position: relative
}
.unslider-wrap.unslider-carousel > li::before {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #0E66B4;
  position: absolute;
  left: 1px;
  top: 0;
  z-index: 1;
  transition: ease 1s;
}
.unslider-wrap.unslider-carousel > li:hover::before {
  width: 100%;
}
.unslider-vertical > ul {
  height: 100%
}
.unslider-vertical > ul li {
  float: none;
  width: 100%
}
.unslider-fade {
  position: relative;
  z-index: 999999;
}
.unslider-fade .unslider-wrap li {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 8
}
.unslider-fade .unslider-wrap li.unslider-active {
  z-index: 10
}
.unslider li, .unslider ol, .unslider ul {
  list-style: none;
  padding: 0;
  border: none
}
.unslider-arrow {
  width: 24px;
  height: 38px;
  position: absolute;
  top: 40%;
  margin-top: -19px;
}
.unslider .next {
  background: url(arrows_next1.png) no-repeat;
  right: -24px;
  transition: all 0.4s;
}
.unslider .prev {
  background: url(arrows_prev1.png) no-repeat;
  left: -24px;
  transition: all 0.4s;
}
.unslider:hover .next {
  right: 0
}
.unslider:hover .prev {
  left: 0
}
.unslider-nav li {
  display: block
}
.unslider-nav {
  position: absolute;
  bottom: 60px;
  right: 0;
  display: inline-block
}
.unslider ol {
  display: flex;
  align-items: center
}
.unslider ol li {
  width: 14px;
  height: 14px;
  background: #d2d2d2;
  border-radius: 14px;
  margin-right: 10px;
  cursor: pointer;
  text-indent: -99px;
  overflow: hidden
}
.unslider ol .unslider-active {
  background: #D93434;
}
.silde-disp-1 {
  font-size: 20px;
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  height: 45px;
  line-height: 45px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center
}
.silde-disp-1 label {
  width: 101px;
  height: 45px;
  background: #0E66B4;
  border-radius: 3px 0px 0px 3px;
  float: left;
  color: #fff;
  font-size: 14px;
  text-align: center
}
.silde-disp-1 h2 {
  width: 678px;
}
.silde-disp-1 h2 a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 98%;
  padding-left: 2%
}
.Read {
  font-size: 14px;
  color: #1A3F81;
  width: 80px;
  text-align: center
}
/* 轮播图结束 */
.i_leader {
  width: 311px;
  height: 461px;
  background: #FFFFFF url(bg.png) no-repeat;
  border-radius: 3px;
}
.i_leader .img_h {
  height: 126px
}
.i_leader .item {
  width: 260px;
  margin: 0 auto;
  border-bottom: 1px solid #E8E8E8;
  overflow: hidden;
  padding-bottom: 30px
}
.i_leader .item .more {
  text-align: right;
  color: #0E66B4;
  margin: 10px 0 19px;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  background: url(mhk_breardnav_arrow@2x.png) right no-repeat;
  background-size: 5px;
  padding-right: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
.i_leader .item .tit label {
  color: #ADBAD0;
  ;
  font-size: 8px;
  margin-right: 14px;
  text-transform: uppercase;
}
.i_leader .item dl dt {
  width: 95px;
  height: 126px;
  float: left
}
.i_leader .item dl dd {
  width: 144px;
  margin-left: 15px;
  float: left
}
.i_leader .item dl dd h2 a {
  font-weight: bold;
  color: #0E66B4;
  font-size: 22px
}
.i_leader .item dl dd p {
  margin-top: 7px;
  color: #505050;
  line-height: 25px;
}
.i_leader .item .resume {
  width: 80px;
  height: 27px;
  border-radius: 3px;
  border: 1px solid #0E66B4;
  color: #0E66B4;
  display: inline-block;
  background: url(arrow1.png) 51px 8px no-repeat;
  text-indent: 13px;
  margin-top: 10px;
  transition-duration: 0.3s;
}
.i_leader .item .resume:hover {
  transition: all 0.30s linear;
  background: #0E66B4 url(arrow1_on.png) 51px 8px no-repeat !important;
  color: #fff
}
.i_leader .item:nth-child(2) {
  border-bottom: 1px solid #0E66B4;
}
.i_leader ul {
  display: flex;
  width: 260px;
  margin: 8px auto;
  justify-content: space-between
}
.i_leader ul li {
  width: 45%;
  position: relative
}
.i_leader ul li a label {
  color: #0E66B4;
  display: block;
  background: url(mhk_breardnav_arrow@2x.png) 95% no-repeat;
  background-size: 5px;
  cursor: pointer
}
.i_leader ul li a span {
  font-size: 14px;
  display: block;
  color: #ADBAD0;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transform-origin-x: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  transform-origin: top left;
  white-space: nowrap;
  margin-top: 3px
}
.i_leader ul li::after {
  content: "";
  width: 1px;
  height: 36px;
  background: #0E66B4;
  position: absolute;
  right: -10%;
  top: 0
}
.i_leader ul li:last-child::after {
  display: none
}
.tab_news {
  width: 785px;
  padding: 24px
}
.tab_news .item {
  widows: 100%;
}
.tab_news .item p {
  margin-top: 10px;
}
.tab_news .item p a {
  color: #6A6A6A;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.tab_news .item h2 a {
  font-weight: bold;
  color: #0E66B4;
  font-size: 22px
}
/*公告*/
.i_Notice {
  width: 398px;
  height: 388px;
  background: #F1F8FF url(i_mhk_bg1.png) no-repeat right top;
  padding: 29px 24px 0;
  background-size: 220px
}
.i_Notice dl {
  width: 100%;
  margin-bottom: 25px;
  overflow: hidden
}
.i_Notice dl dt {
  width: 74px;
  height: 70px;
  background: #FFFFFF;
  border-radius: 3px;
  float: left;
  text-align: center;
  font-size: 28px;
  display: flex;
  justify-content: center;
  flex-direction: column
}
.i_Notice dl dt label {
  font-size: 14px;
}
.i_Notice dl dd {
  width: 252px;
  margin-left: 15px;
  padding-top: 5px;
  height: 65px;
  float: left;
  position: relative;
}
.i_Notice dl dd::before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #0E66B4;
  position: absolute;
  left: 1px;
  bottom: 0;
  z-index: 1;
  transition: ease 1s;
}
.i_Notice dl dd a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.i_Notice dl:hover dt {
  background: #0E66B4;
  color: #fff
}
.i_Notice dl:hover dd::before {
  width: 100%;
}
.col {
  width: 399px;
  border-right: 1px dotted #e5e5e5;
  padding: 30px 24px 30px;
  position: relative
}
.col:last-child {
  border-right: none
}
.col p {
  font-size: 10px;
  color: #bababa;
  text-align: right;
  margin: 5px 0 15px;
  position: absolute;
  right: 15px;
  top: 5px
}
/*重要信息转载*/
.newTab {
  width: 150px;
  height: 28px;
  border-radius: 3px;
  border: 1px solid #0E66B4;
  position: absolute;
  top: 32px;
  right: 24px;
}
.newTab li {
  float: left;
  display: inline-block;
  padding: 0;
  height: 28px;
  line-height: 25px;
  font-size: 16px;
  width: 50%;
  text-align: center
}
.hd_btnList {
  width: 100%
}
.hd_btnList li {
  width: 168px;
  background: #F4F9FD;
  border-radius: 3px;
  float: left;
  margin-bottom: 22px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  position: relative
}
.hd_btnList li::before {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #0E66B4;
  position: absolute;
  left: 1px;
  bottom: 0;
  z-index: 1;
  transition: ease 1s;
}
.hd_btnList li:hover {
  background-color: #ebf5fe !important;
  -webkit-transition: all 0.30s linear;
  -moz-transition: all 0.30s linear;
  -ms-transition: all 0.30s linear;
  -o-transition: all 0.30s linear;
  transition: all 0.30s linear;
  font-weight: bold
}
.hd_btnList li:hover::before {
  width: 100%;
}
.hd_btnList li a {
  display: flex;
  align-items: center;
  padding: 10px 28px 10px 12px;
}
.hd_btnList li:nth-child(2n) {
  float: right
}
.hd_btnList li span {
  width: 42px;
  height: 42px;
  display: inline-block;
  margin-right: 14px
}
.hd_btnList .ico {
  background: url(hd_ico1.png) center no-repeat
}
.hd_btnList .ico1 {
  background: url(hd_ico2.png) center no-repeat
}
.hd_btnList .ico2 {
  background: url(hd_ico3.png) center no-repeat
}
.hd_btnList .ico3 {
  background: url(hd_ico4.png) center no-repeat
}
.hd_btnList .ico4 {
  background: url(hd_ico5.png) center no-repeat
}
.hd_btnList .ico5 {
  background: url(hd_ico6.png) center no-repeat
}
.hd_btnList li:nth-child(5), .hd_btnList li:nth-child(6) {
  margin-bottom: 0
}
.b_img img {
  width: 100%;
  transition: all 0.5s ease 0s;
  border: 0;
  display: block;
}
.b_img:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
/* 数说梅河*/
.ssmh_bg {
  background: linear-gradient(302deg, rgba(193, 216, 233, 0.29) 0%, rgba(14, 102, 180, 0.24) 100%);
}
.map .New_District_l {
  width: 412px;
  height: 603;
  background: url(map_bg1.png) no-repeat !important;
  position: absolute;
  left: 0 !important;
  top: 200px !important;
  background-size: 412px !important
}
.map .i_map .item:nth-child(1) {
  right: 267px;
  top: 135px;
}
.map .z_retop::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 288, 49, .5);
  position: absolute;
  animation: circle-opacity 2s infinite;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  animation: circle-opacity 1s infinite;
}
.map .z_retop {
  width: 10px;
  height: 10px;
  background: #FFE431
}
.i_map .cur h2, .i_map .cur p {
  color: #29F5A4 !important
}
.i_map .cur .z_retop {
  background: #29F5A4;
}
.i_map .cur .z_retop::before {
  background: rgba(41, 245, 164, .5);
}
/*梅河新区*/
.five_box {
  background: url(i_bg1.jpg) fixed no-repeat top center;
  height: 859px;
  background-size: cover
}
.New_District {
  padding-top: 66px;
  height: 780px;
  position: relative
}
.New_District .tit, .i_ztzl_box .tit {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 70px
}
.New_District .tit a {
  color: #fff;
}
.New_District .tit label, .i_ztzl_box .tit label {
  font-size: 20px;
  font-weight: normal;
  display: block;
  text-transform: uppercase;
  color: #fff;
  margin-top: 8px;
  font-family: Arial, Helvetica, sans-serif;
}
.i_ztzl_box .tit label {
  color: #727272
}
.five_box .New_District_l {
  width: 504px;
  height: 669px;
  background: url(bg2.png) no-repeat;
  position: absolute;
  left: -73px;
  top: 92px
}
.five_box .New_District_r {
  width: 721px;
  margin-top: 60px;
  height: 500px
}
.five_box .New_District_r p {
  font-size: 20px;
  color: #FFFFFF;
  line-height: 47px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.five_box .New_District_r .Read {
  color: #fff;
  text-align: right;
  padding-top: 60px;
  display: block;
  width: auto;
  float: right;
  background: url(arrow2.png) no-repeat bottom right;
  padding-right: 66px;
  display: flex;
  flex-direction: column;
}
.five_box .New_District_r .Read span {
  display: block;
  text-align: right
}
.five_box .New_District_r .Read p {
  font-size: 16px;
  line-height: 24px;
}
.five_box .New_District_r .Read p label {
  color: #AA2323;
  padding: 0 8px;
}
/*政务公开*/
.seven {
  background: url(i_bg2.jpg) fixed no-repeat top center;
  height: 717px;
}
.seven .New_District .tit {
  margin-bottom: 50px
}
.seven .tit a, .seven .New_District .tit label {
  color: #666
}
.i_xxgk {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.i_xxgk li {
  width: 97px;
  margin-bottom: 23px
}
.i_xxgk li a {
  display: block;
  text-align: center
}
.i_xxgk span {
  width: 97px;
  height: 97px;
  border-radius: 3px;
  display: block;
  margin-bottom: 10px
}
.i_xxgk .ico {
  background: #F9F9F9 url(zf_img1_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk li:hover .ico {
  background: #B33434 url(zf_img1_bg_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk .ico1 {
  background: #F9F9F9 url(zf_img2_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk li:hover .ico1 {
  background: #B33434 url(zf_img2_bg_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk .ico2 {
  background: #F9F9F9 url(zf_img4_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk li:hover .ico2 {
  background: #B33434 url(zf_img4_bg_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk .ico3 {
  background: #F9F9F9 url(zf_img3_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk li:hover .ico3 {
  background: #B33434 url(zf_img3_bg_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk .ico4 {
  background: #F9F9F9 url(zf_img5_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk li:hover .ico4 {
  background: #B33434 url(zf_img5_bg_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk .ico5 {
  background: #F9F9F9 url(zf_img6_mhk_znd_20201012.png) center no-repeat;
}
.i_xxgk li:hover .ico5 {
  background: #B33434 url(zf_img6_bg_mhk_znd_20201012.png) center no-repeat;
}
/*基础信息公开*/
.i_jcxxgk {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}
.i_jcxxgk li {
  width: 161px;
  height: 150px;
  background: #F9F9F9;
  border-radius: 3px;
  margin-bottom: 20px;
}
.i_jcxxgk li a {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  display: block;
  height: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}
.i_jcxxgk li a label {
  display: block;
  color: #B33434;
  font-size: 12px;
  font-weight: normal;
  margin-top: 6px
}
.i_jcxxgk li:nth-child(3), .i_jcxxgk li:nth-child(4) {
  margin-bottom: 0;
}
.i_jcxxgk li:hover label {
  color: #fff
}
.i_jcxxgk li:hover {
  background: #B33434 !important;
  -webkit-transition: all 0.30s linear;
  -moz-transition: all 0.30s linear;
  -ms-transition: all 0.30s linear;
  -o-transition: all 0.30s linear;
  transition: all 0.30s linear;
}
.i_jcxxgk li:hover a {
  color: #fff
}
/*清单目录*/
.i_qdml li {
  width: 100%;
  height: 96px;
  line-height: 96px;
  background: #F9F9F9 url(arrow3.png) 290px center no-repeat;
  background-size: 30px;
  border-radius: 3px;
  margin-bottom: 20px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.i_qdml li a {
  width: 100%;
  height: 96px;
  display: block;
  text-indent: 32px;
  transition: all 0.4s;
  font-weight: bold;
  color: #3D3636;
  font-size: 20px
}
.i_qdml li a:hover {
  text-indent: 40px;
  color: #fff
}
.i_qdml li:hover {
  background: #B33434 url(arrow2.png) 290px center no-repeat;
  background-size: 30px;
  -webkit-transition: all 0.30s linear;
  -moz-transition: all 0.30s linear;
  -ms-transition: all 0.30s linear;
  -o-transition: all 0.30s linear;
  transition: all 0.30s linear;
}
.z_retop {
  width: 7px;
  height: 7px;
  cursor: pointer;
  position: relative;
  border-radius: 50%;
  text-align: center;
  background: #2AF2F6;
  margin: 0 20px
}
.z_retop::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: rgba(42, 169, 246, .5);
  position: absolute;
  animation: circle-opacity 2s infinite;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0, 0);
  animation: circle-opacity 1s infinite;
  z-index: 1
}
@keyframes circle-opacity {
  from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}
.i_map {
  width: 470px;
  height: 390px;
  position: relative;
  margin-top: 20px;
  margin: 162px 0 0 60px
}
.mt30 {
  margin-top: 30px
}
.mt40 {
  margin-top: 30px
}
.i_map .item {
  display: inline-block;
  position: absolute;
  display: flex;
  cursor: pointer;
}
.i_map .item .map_tit h2, .i_map .item .map_tit p {
  color: #29F0F5;
}
.i_map .item .map_tit p {
  font-size: 10px;
  letter-spacing: 1px;
  margin-top: 4px;
  opacity: .5
}
.i_map_btn {
  width: 176px;
  height: 42px;
  background: rgba(42, 169, 246, 0.19);
  border-radius: 3px;
  border: 1px solid #2AA9F6;
  line-height: 42px;
  color: #2AA9F6;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  bottom: -20px;
  left: 160px
}
.Font_color {
  color: #29F5A4 !important
}
.i_map .item:nth-child(1) {
  right: 0;
  top: 0
}
.i_map .item:nth-child(2) {
  left: 84px;
  top: 22px;
}
.i_map .item:nth-child(3) {
  left: 15px;
  top: 114px;
}
.i_map .item:nth-child(4) {
  right: 146px;
  top: 174px;
}
.i_map .item:nth-child(5) {
  right: 86px;
  top: 222px;
}
.i_map .item:nth-child(6) {
  left: -20px;
  top: 320px;
}
/*专题*/
.i_ztzl {
  height: 160px
}
.i_ztzl .swiper-slide .imgbox {
  width: 100%;
  height: 96px;
  overflow: hidden;
  background: url(defaultimg_mhk_2021.jpg) no-repeat;
  background-size: cover;
}
.i_ztzl .swiper-slide :hover .imgbg {
  transform: scale(1.1);
}
.imgbg {
  width: 100%;
  height: 100%;
  background: url(defaultimg_mhk_2021.jpg) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: no-repeat;
  background-image: url(defaultimg_mhk_2021.jpg);
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: ease 1s;
}
.i_ztzl .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  opacity: .1;
}
.i_ztzl .swiper-pagination-bullet-active {
  opacity: 1;
  background: #d93434;
}
/*专题*/
.gg_roll {
  position: relative;
  height: 70px;
  background: #fff
}
.gg_roll_swiper {
  height: 70px;
}
.gg_roll_swiper .swiper-wrapper {
  width: 1035px;
  float: left
}
.gg_roll_swiper .swiper-pagination {
  display: none
}
.gg_roll a {
  padding: 24px 0;
  display: block;
  width: 100%
}
.gg_roll a h2 {
  font-weight: bold;
  color: #B8242C;
  font-size: 18px;
}
.gg_roll a p {
  color: #707070;
  margin: 13px 0 10px
}
.gg_roll a span {
  color: #A8A8A8;
}
.gg_roll .ico {
  margin: 16px 24px 0 22px
}
.gg_roll_btn {
  width: 17px;
  height: 50px;
  border-radius: 3px;
  border: 1px solid #0E66B4;
  float: right;
  margin: 10px 20px 0 0
}
.gg_roll_btn .swiper-button-next, .gg_roll_btn .swiper-button-prev {
  position: inherit;
  width: 17px;
  height: 25px;
  margin-top: 0;
}
.gg_roll_btn .swiper-button-prev {
  background: url(arrows_b.png) 2px no-repeat;
}
.gg_roll_btn .swiper-button-next {
  background: url(arrows_t.png) 2px no-repeat;
  border-bottom: 1px solid #87b3da
}
.i_ztzl_box .swiper-button-next, .i_ztzl_box .swiper-button-prev {
  width: 43px;
  height: 25px;
}
.i_ztzl_box {
  width: 1200px;
  margin: 35px auto;
  position: relative
}
.i_ztzl_box .swiper-button-prev {
  background: url(arrow_l.png) no-repeat;
  left: -70px;
  margin-top: 34px;
}
.i_ztzl_box .swiper-button-next {
  background: url(arrow_r.png) no-repeat;
  right: -70px;
  margin-top: 34px;
}
.i_ztzl_tit {
  display: flex;
  justify-content: space-between;
}
.list {
  display: flex;
  justify-content: space-between;
}
.list li {
  width: 271px;
  height: 306px;
  background: #fff url(arrows_bg.png) no-repeat center 274px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  float: left;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.list li a {
  display: block;
  text-align: center
}
.list li a h2 {
  color: #B33434;
  font-size: 97px;
  line-height: 124px;
  margin-top: 34px
}
.list li a h3 {
  font-weight: bold;
  color: #434343;
  font-size: 20px;
  margin-bottom: 15px;
}
.list li a p {
  color: #909090;
  padding: 0 3%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.list li:hover {
  background: #B33434 url(arrows_bg_on.png) no-repeat center 274px !important;
  -webkit-transition: all 0.30s linear;
  -moz-transition: all 0.30s linear;
  -ms-transition: all 0.30s linear;
  -o-transition: all 0.30s linear;
  transition: all 0.30s linear;
}
.list li:hover a h2, .list li:hover a h3 {
  color: #fff;
}
.list li:hover a p {
  color: #F8BEBE;
}
.more_blue_1_class_title {
  color: #0E66B4;
  display: block;
  height: 24px;
  margin-top: 35px;
  font-size: 24px;
}
.more_blue_1_class_title::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(nextpagearrow_mhk@2x.png) no-repeat center;
  background-size: auto;
  background-size: 9px 15px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-left: 3px;
}
/*彩色字*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
  .dalong_tt {
    background-image: -webkit-linear-gradient(left, #2AA9F6, #0E66B4 25%, #2AA9F6 50%, #0E66B4 75%, #2AA9F6);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-background-size: 200% 100%;
    -webkit-animation: color-animation 1.5s infinite linear;
  }
  /*.titHot{
        background-image: -webkit-linear-gradient(left, #ffffff, #bbd9ff 25%, #ffffff 50%, #bbd9ff 75%, #ffffff);
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        -webkit-background-size: 200% 100%;
        -webkit-animation: Hot-animation 1.5s infinite linear;
    }*/
}
@-webkit-keyframes color-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@media screen and (max-width: 1440px) {
  .z_banner_desc {
   left: 27%;
width: 330px;
  }
  .z_menu_tit {
    left: 8%
  }
  /*按钮*/
  .z_banner_close {
    left: 28%;
    bottom: 193px;
  }
	
}
@media screen and (max-width:1680px) {
.z_header .nav {
    width: 788px;
 
}
}
@media screen and (max-width:1600px) {
 .z_header .nav {
    width: 867px;
}
}

@media screen and (max-width:1440px) {
.z_header .nav {
    width: 761px;
}	
	
	
	
}
@media screen and (max-width:1366px) {
  .z_banner_desc {
    left: 25%;
    width: 305px;
  }
  .z_menu_tit {
    left: 7%;
    width: 325px;
  }
	.z_header .nav {
    width: 780px;
}
	.z_header{right: 60px}
}
@media screen and (max-width:1600px) {
	.z_banner_desc {
  
    left: 27%;
   
}
.z_menu_tit {
 
    left: 9.7%;
}	
	
	
}




@media screen and (max-width:1280px) {
  .swiper-button-prev {
    width: 24px;
    height: 38px;
  }
  .i_ztzl_box .swiper-button-next {
    background: url(arrows_next1.png) no-repeat;
    right: 0;
    margin-top: 34px;
  }
  .i_ztzl_box .swiper-button-prev {
    background: url(arrows_prev1.png) no-repeat;
    left: 0;
    margin-top: 34px;
  }
	.z_menu_tit {
    left: 3%;
    width: 325px;
}
	.z_header .nav {
    width: 722px;
    
}
}